Skip to main content

Page Variable

The Page Variable feature allows users to create and manage variables that are associated with specific pages. These variables enable dynamic, context-sensitive interactions by storing and manipulating data that is specific to each page. The ability to configure and customize page variables enhances the flexibility and intelligence of workflows, allowing for dynamic content generation and personalized user interactions.

Overview​

Page Variables serve as placeholders that store data for a specific page, allowing users to reference, update, and use that data across workflows or page elements. These variables can be tied to specific pages to provide tailored experiences and ensure that data flows appropriately throughout the system.

Key Features​

Group Management:​

  • Group Name: Organize variables by assigning them to specific groups. This helps with categorizing and managing variables, especially when dealing with large sets of variables for multiple pages.

Page Association:​

  • Select Page: Assign each variable to a particular page within your application. This ensures that the variable is tied to the specific context and content of that page.

Variable Configuration:​

  • Initial Node: Specify the starting logic or node that initializes the variable. This helps in linking the variable to specific actions or processes.
  • Initial Value: Set the initial value of the variable. Values can be strings or other supported data types and can either be static or dynamic based on other inputs.
  • Add/Remove Actions: Easily add new variables or remove outdated ones, offering flexibility to adjust the variable set as needed.

Real-Time Adjustments:​

Variables can be modified and applied in real-time. This allows for quick testing and adjustments to ensure that the page variables work as intended.

How to Use Page Variables​

Creating a New Page Variable:​

  1. Step 1: Click on the New Page Variable button to open the configuration modal.
  2. Step 2: Enter a Group Name to categorize the variable.
  3. Step 3: Select the relevant Page from the dropdown to associate the variable with.
  4. Step 4: Define the Initial Node, which determines how the variable is initialized or triggered.
  5. Step 5: Set the Initial Value for the variable, which could be a predefined string, number, or dynamic value.

Editing Page Variables:​

To update an existing page variable, simply select the variable from the list and modify the Group Name, Page, Initial Node, or Initial Value fields.

Deleting Page Variables:​

To remove an unnecessary page variable, click on the delete icon next to the variable entry. This action will remove the variable from the page.

Use Cases​

  • Dynamic Page Logic: Use page variables to modify page content based on specific conditions or user input, allowing for a personalized user experience.
  • Cross-Page Data Sharing: Variables can be used to share data between pages, making it easier to manage consistent data across different parts of the application.
  • Conditional Rendering: Based on the value of page variables, dynamic content or logic can be applied, such as showing or hiding elements, triggering actions, or updating UI components.

Benefits​

  • Centralized Data Control: All page variables are managed in one place, simplifying data handling and reducing complexity.
  • Real-Time Personalization: Variables enable dynamic, real-time updates to page content, improving the user experience by adapting to their actions.
  • Scalability: The ability to add, update, or remove variables ensures that the system can scale with changing needs and complex workflows.